html, body,header,footer, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, figure,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
acronym, address, big, cite, textarea, code, dl, dt, dd, ol, ul, li, 
fieldset, form,label,input,select,option, legend,section {
    outline: 0; 
    padding: 0; 
    margin: 0; 
    border: 0;
    list-style: none;
	font-family:'MicroSoft yahei', Verdana, Arial, '黑体';
    font-weight: normal;
    box-sizing:border-box;

    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-focus-ring-color: rgba(0,0,0,0);
}
a{ text-decoration: none; color: #333;}
img{ width: 100%; display: block;}
input,select,textarea{ width: 100%; -webkit-appearance:none; border-radius: 0; display: block; font-size: 16px;}
table{ width: 100%; border-collapse: collapse;}
i,em{ font-style: normal;}
html{ font-size: 62.5%;}
body{ font-size: 16px; color: #333; word-break:break-all;}
.clearfix{zoom:1;}
.clearfix:after{
    content: "";
    display: block;
    clear: both;
}
.none{display:none;}


::-webkit-input-placeholder { /* WebKit browsers */
    color:    #d8d8d8;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #d8d8d8;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #d8d8d8;
}

.btn{
    padding: 8px;
    color: #fff;
    text-align: center;
    display: block;
    font-size: 1.8rem;
    border-radius: 5px;
    background: #a63547;
}
.red{
    color: #e2424e;
}
.greed{
    color: #2d9c32;
}
.clearfix:after{
	content: "";
	display: block;
	clear: both;
}

/*上拉下拉*/
.pullDown, .pullUp{height:40px;line-height:40px;padding:5px 10px;font-weight:bold;font-size:14px;color:#888;}
.pullDown.idle .pullDownIcon{background-position:0 0;
    -webkit-transform:rotate(0deg) translateZ(0);-webkit-animation-name:idle;-webkit-animation-duration:0ms;
    -moz-transform:rotate(0deg) translateZ(0);-moz-animation-name:idle;-o-transform:rotate(0deg) translateZ(0);
    -o-animation-name:idle;-o-animation-duration:0ms;}
.pullUp.idle .pullUpIcon{background-position:0 0;-webkit-transform:rotate(-180deg) translateZ(0);-moz-transform:rotate(-180deg) translateZ(0);
    -o-transform:rotate(-180deg) translateZ(0)}
.pullDown .pullDownIcon, .pullUp .pullUpIcon{display:block;float:left;height:40px;width:40px;
    background:url('../images/pull-icon.png') no-repeat 0 0;-webkit-background-size:40px 80px;
    -webkit-transition-property:-webkit-transform;-webkit-transition-duration:250ms;
    -moz-background-size:40px 80px;-moz-transition-property:-moz-transform;-moz-transition-duration:250ms;
    -o-background-size:40px 80px;-o-transition-property:-o-transform;-o-transition-duration:250ms;}
.pullDown .right, .pullUp .right{float:left;height:40px;}
.pullDown .right span, .pullUp .right span{display:block;line-height:19px;font-size:12px;}
.pullDown.flip .pullDownIcon{background-position:0 0;-webkit-transform:rotate(-180deg) translateZ(0);-webkit-animation-name:idle;
    -webkit-animation-duration:0ms;-moz-transform:rotate(-180deg) translateZ(0);-moz-animation-name:idle;
    -moz-animation-duration:0ms;-o-transform:rotate(-180deg) translateZ(0);-o-animation-name:idle;-o-animation-duration:0ms;}
.pullUp.flip .pullUpIcon{background-position:0 0;-webkit-transform:rotate(0deg) translateZ(0);
    -moz-transform:rotate(0deg) translateZ(0);-o-transform:rotate(0deg) translateZ(0)}

/*页面浮动菜单*/
#floatdotLayer{position:absolute;z-index:1;}
.dotOutLayer{border-radius:50%;z-index:199;display:block;overflow:hidden;}
.dotinnLayer{border-radius:50%;z-index:200;display:block;margin:0 auto;background-color:rgba(0,0,0,0.5);}
.dotinnLayer:after{top:-2px;left:-2px;content:'';width:100%;height:100%;border:2px solid rgba(0,0,0,0.2);-webkit-background-clip:border-box;display:block;border-radius:50%;position:relative;z-index:199;}
.lyaerIcon{position:absolute;top:25%;left:25%;transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);display:block;width:30px;height:30px;background:url('../images/centerarc_13.png') no-repeat center center;background-size:30px;}
#floatBoxLayer{position:absolute;z-index: 0;display:none;}
#floatBoxLayer .dotinnLayer{position:absolute;}
.iconbox{width:15px;background-size:15px;display:block;height:15px;margin:3px 0 0 27%;float:left;transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.labelbox{width:100%;text-align:center;color:#fff;font-size:12px;float:left;}
